* {
    padding: 0px;
    margin: 0px;
}

a {
    text-decoration: none;
}

.wrap {
    width: 1150px;
    height: 650px;
    border: 1px solid black;
    margin: 0 auto;
    position: relative;
    
    .continer {
        width: 900px;
        height: 600px;
        float: left;
        // background: greenyellow;
        transform: translate(25px,25px);

        > div {
            width: 900px;
            height: 30px;

            > div {
                width: 30px;
                height: 30px;
                float: left;
                background: linear-gradient(135deg,greenyellow,yellowgreen);
            }
        }
    }

    .muin {
        width: 200px;
        height: 600px;
        float: right;
        margin-top: 25px;
        background: skyblue;

        > a,span {
            width: 180px;
            height: 45px;
            color: #0000CD;
            display: block;
            line-height: 45px;
            background: #FF00FF;
            margin: 50px auto 0;
            font-size: 25px;
            text-align: center;
            cursor: pointer;
        }
        #v {
            height: 90px;
        }
        
    }

    .si {
        width: 450px;
        height: 270px;
        display: none;
        background: yellow;
        position: absolute;
        left: 250px;
        top: 190px;

       
        > a,span {
            width: 100%;
            height: 45px;
            color: #0000CD;
            display: block;
            line-height: 45px;          
            margin: 60px auto 0;
            font-size: 25px;
            text-align: center;
            cursor: pointer;
        }
        #redo {
            width: 180px;
            background: #FF00FF;
        }

       
    }
}